﻿<!DOCTYPE HTML>
<html>
<head>
    <title></title>
    <script src="D:\PROJECTS\eking\Modules\Orchard.jQuery\Scripts\jquery-1.6.4.min.js"
        type="text/javascript"></script>
    <script src="Scripts/jcanvas.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("canvas").drawLine({
                strokeStyle: "#000",
                strokeWidth: 5,
                strokeCap: "round",
                strokeJoin: "miter",
                x1: 50, y1: 50,
                x2: 100, y2: 150,
                x3: 200, y3: 100,
                x4: 150, y4: 200
            });

        });
    
    </script>
</head>
<body>
<canvas id="canvas" width="800" height="800"></canvas>
    <div>
        <div style="background: #404040; color: white; text-align: left">
            <button style="margin: 0px">
                Hero</button>
            <input type="search" style="float: right; margin-right: 30px" placeholder="search" />
        </div>
    </div>
</body>
</html>
